<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01js的三种引入方式</title>
</head>
<body>
<!--1.行内写法，写在对应的HTML元素上
    onclick="" 给元素绑定一个点击事件,点击元素时执行""中的代码
    alert('请先登录')显示弹窗，括号里是要显示的文本
    console.log('哈哈哈哈') 向浏览器控制台输出指定文本
-->
<button onclick="alert('请先登录')">点击即玩</button>
<button onclick="console.log('哈哈哈哈')">点击即玩</button>

<!--2.<script>标签建议写在<body>标签结束之前
    内部写法:id相当于当前html元素
-->
<div id="d1">哈哈哈</div>
<script>
    console.log(d1)
    console.log('看看执行了没');
</script>

<!--3.引入外部js文件
    script标签中不能再写其他的js代码了，只能二选一，要么在标签中写代码，要么引入外部js文件；
-->
<script src="01.js"></script>

</body>
</html>
















